/*关于我们*/

/*$$

{"color":[{"val":"#f3f2f2","title":"标题大英文颜色"},{"val":"#222222","title":"标题中文字颜色"},{"val":"#999999","title":"标题小英文"},{"val":"#464646","title":"正文"},{"val":"#ffffff","title":"查看更多"}],"background":[{"val":"#0041e6","title":"标题横线+查看详情底色"}],"border":[]}

$$*/



#about_152 {

	width: 100%;

	padding: 60px 0;

	position: relative;

	height:700px;

}



#about_152 .aboutBody {

	width: 1200px;

	margin: 0 auto;

}



#about_152 .aboutChar {

	float: left;

	width: 50%;

}



#about_152 .aboutChar .indexTitle {

	width: 100%;

}



#about_152 .aboutChar .indexTitle .indexTitENBig {

	font-family: arial;

	font-size: 74px;

	line-height: 74px;

	color: #f3f2f2;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0;

}



#about_152 .aboutChar .indexTitle .indexTitCH {

	font-size: 36px;

	line-height: 50px;

	color: #222222;

	margin-top: -47px;

}



#about_152 .aboutChar .indexTitle .indexTitENSmall {

	text-transform: uppercase;

	font-size: 24px;

	line-height: 40px;

	color: #999999;

	margin: 0;

}



#about_152 .aboutChar .indexTitle .indexLine {

	width: 80px;

	height: 2px;

	background: #0041e6;

	margin-top: 10px;

}



#about_152 .aboutChar .intrs{

	font-size: 14px;

	line-height: 30px;

	color: #464646;

	margin-top: 60px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp:10;


}



#about_152 .aboutMore {

	width: 20%;

	border-radius: 5px;

	background: #0041e6;

	margin-top: 50px;

	position: relative;

	cursor: pointer;

}



#about_152 .aboutMore a {

	line-height: 35px;

	text-align: center;

	font-size: 14px;

	color: #ffffff;

	display: block;

	width: 100%;

	cursor: pointer;

	

}
#about_152 .aboutMore:hover a{
	color: #ffffff;
}

#about_152 .aboutMore.btnAnimat .inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 5px;
}
#about_152 .aboutMore.btnAnimat:before,
#about_152 .aboutMore.btnAnimat:after,
#about_152 .aboutMore.btnAnimat .inner:before,
#about_152 .aboutMore.btnAnimat .inner:after{
	background:#648ef8;

	z-index:50;
}
#about_152 .aboutMore.btnAnimat:before,
#about_152 .aboutMore.btnAnimat:after,
#about_152 .aboutMore.btnAnimat .inner:before,
#about_152 .aboutMore.btnAnimat .inner:after{
	position:absolute;
	content:"";
	display:block;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
}
#about_152 .aboutMore.btnAnimat:before,
#about_152 .aboutMore.btnAnimat:after{
	left:0;
	width:100%;
	height:2px;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
#about_152 .aboutMore.btnAnimat .inner:before,
#about_152 .aboutMore.btnAnimat .inner:after{
	top:0;
	width:2px;
	height:100%;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}

#about_152 .aboutMore.btnAnimat .inner:before{
	left:0;
}
#about_152 .aboutMore.btnAnimat .inner:after{
	right:0;
}
#about_152 .aboutMore.btnAnimat .inner:hover:before,
#about_152 .aboutMore.btnAnimat .inner:hover:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}

#about_152 .aboutMore.btnAnimat:before{
	top:0;
}
#about_152 .aboutMore.btnAnimat:after{
	bottom:0;
}
#about_152 .aboutMore.btnAnimat:hover:before,
#about_152 .aboutMore.btnAnimat:hover:after{
	-webkit-transform:scaleX(1);transform:scaleX(1);
}
#about_152 .aboutMore.btnAnimat:hover .inner:before,
#about_152 .aboutMore.btnAnimat:hover .inner:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}
#about_152 .aboutMore.btnAnimat.clockwise .inner:before{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#about_152 .aboutMore.btnAnimat.clockwise .inner:after{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#about_152 .aboutMore.btnAnimat.clockwise:before{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#about_152 .aboutMore.btnAnimat.clockwise:after{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#about_152 .aboutMore.btnAnimat.clockwise:hover .inner:before{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#about_152 .aboutMore.btnAnimat.clockwise:hover .inner:after{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#about_152 .aboutMore.btnAnimat.clockwise:hover:before{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#about_152 .aboutMore.btnAnimat.clockwise:hover:after{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}

#about_152 .aboutImg {

	float: right;

	width: 45%;

	/* background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: auto 100%; */

	height: 580px;

	position: absolute;

	right: 0;

	top:60px;

}



#about_152 .aboutImg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

@media screen and (max-width:1200px) {

	#about_152{

		padding: 40px 0;

		height: 530px;

	}

	#about_152 .aboutBody{

		width: 96%;

	}

	#about_152 .aboutMore{

		width: 30%;

		margin-top: 50px;

	}

	#about_152 .aboutChar .indexTitle .indexTitENBig{

		font-size: 60px;

	}

	#about_152 .aboutImg{

		height: 450px;

		top:40px;

	}

}

/* ipad */

@media screen and (max-width:992px){

#about_152{

		padding: 40px 0;

	}

	#about_152 .aboutBody{

		width: 90%;

	}

	#about_152 .aboutMore{

		width: 30%;

		margin-top: 50px;

	}

	#about_152 .aboutChar .indexTitle .indexTitENBig{

		font-size: 60px;

	}

}

/* 手机 */

@media screen and (max-width: 767px) {

	#about_152{

		padding: 10px 0 20px 0;

		height: auto;

	}

	#about_152 .aboutBody{

		width: 96%;

	}

	#about_152 .aboutImg{

		float: none;

		width: 96%;

		margin: 0 auto;

		background-size: cover;

		position: relative;

		top:0;

		

	}

	#about_152 .aboutChar{

		width: 100%;

	}



	#about_152 .aboutMore{

		width: 40%;

		margin-top: 50px;

	}

	#about_152 .aboutChar .indexTitle .indexTitENBig{

		font-size: 28px;

		line-height: 50px;

		text-align: center;

	}

	#about_152 .aboutChar .indexTitle .indexTitCH{

		font-size: 24px;

		line-height: 30px;

		margin-top: -30px;

		text-align: center;

	}

	#about_152 .aboutChar .indexTitle .indexTitENSmall{

		font-size: 14px;

		line-height: 30px;

		text-align: center;

	}

	

	#about_152 .aboutChar .indexTitle .indexLine{

		margin: 0 auto 0 auto;

	}

	#about_152 .aboutChar .intrs{

		margin-top: 20px;

		line-height: 24px;

		-webkit-line-clamp: 5;

		max-height: 120px;

	}

	#about_152 .aboutMore{

		margin: 20px auto 20px auto;

	}

	#about_152 .aboutImg{

		height: 240px;

	}

}